<!DOCTYPE html>
<html>
<head>
  <title>{{title}}</title>
  {{> includes/head.html }}
  <link rel="stylesheet" type="text/css" media="all" href="/css/scriptPage.css">
  <link rel="stylesheet" type="text/css" media="all" href="/redist/npm/animate.css/animate.css">
</head>
<body id="body">
  {{> includes/header.html }}
  <div class="container-fluid">
    <div class="row">
      <div class="container-fluid col-sm-8">
        {{> includes/scriptPageHeader.html }}
        <div class="panel panel-default">
          <div class="panel-body">
            {{#script.isLib}}
            <div class="form-group">
              <div class="input-group col-xs-12">
                <span class="input-group-btn">
                  <button class="btn btn-info" id="require-raw" data-clipboard-text="// @require {{{script.scriptPermalinkInstallPageUrl}}}" title="Copy key and raw URL to clipboard"><i class="octicon octicon-clippy"></i> // @require</button>
                  <button class="btn btn-info" id="require-min" data-clipboard-text="// @require {{{script.scriptPermalinkInstallPageXUrl}}}.min.js" title="EXPERIMENTAL: Copy key and minified URL to clipboard"><i class="octicon octicon-clippy"></i></button>
                </span>
                <input type="text" class="form-control" id="require" value="{{{script.scriptPermalinkInstallPageUrl}}}" readonly="readonly">
              </div>
            </div>
            {{/script.isLib}}

            <div class="script-meta">
              <p><i class="fa fa-fw fa-clock-o"></i> <b>Published:</b> <time datetime="{{script.createdISOFormat}}" title="{{script.created}}">{{script.createdHumanized}}</time></p>
              <p><i class="fa fa-fw fa-history"></i> <b>Version:</b> <code>{{script.meta.UserScript.version.0.value}}<span title="{{script.hashSRI}}">+{{script.hashShort}}</span></code>{{#script.isUpdated}} updated <time class="script-updated" datetime="{{script.updatedISOFormat}}" title="{{script.updated}}">{{script.updatedHumanized}}</time>{{/script.isUpdated}}</p>
              {{#script.description}}<p><i class="fa fa-fw fa-info"></i> <b>Summary:</b> {{script.description}}</p>{{/script.description}}
              {{#script.hasGroups}}
                <span>
                  <i class="fa fa-fw fa-tag"></i> <b>Groups:</b>
                  <ul class="list-inline inline-block">
                  {{#script.groups}}
                    <li><a href="{{{groupPageUrl}}}">{{name}}</a></li>
                  {{/script.groups}}
                  </ul>
                </span>
              {{/script.hasGroups}}
              {{#script.homepages}}<p><i class="fa fa-fw fa-home"></i> <b>Homepage:</b> <a href="{{{url}}}"{{^isSameOrigin}} rel="external noreferrer noopener nofollow ugc" referrerpolicy="same-origin"{{/isSameOrigin}}>{{text}}</a></p>{{/script.homepages}}
              {{#script.support}}<p><i class="fa fa-fw fa-support"></i> <b>Support:</b> <a href="{{{url}}}"{{^isSameOrigin}} rel="external noreferrer noopener nofollow ugc" referrerpolicy="same-origin"{{/isSameOrigin}}>{{text}}</a></p>{{/script.support}}
              {{#script.copyrights}}<p><i class="fa fa-fw fa-copyright"></i> <b>Copyright:</b> {{name}}</p>{{/script.copyrights}}
              {{#script.licenseConflict}}<p><i class="fa fa-fw fa-legal"></i> <b>License:</b> {{#script.licenseParadox}}<s>{{/script.licenseParadox}}<a rel="external noreferrer noopener nofollow ugc license" referrerpolicy="same-origin" href="https://spdx.org/licenses/MIT.html">MIT</a>; <a rel="external noreferrer noopener nofollow ugc license" referrerpolicy="same-origin" href="https://opensource.org/licenses/MIT">https://opensource.org/licenses/MIT</a>{{#script.licenseParadox}}</s>{{/script.licenseParadox}}</p>{{/script.licenseConflict}}
              {{#script.licenses}}<p><i class="fa fa-fw fa-balance-scale"></i> <b>License:</b> {{#name}}{{name}}{{/name}}{{^name}}<a rel="external noreferrer noopener nofollow ugc license" referrerpolicy="same-origin" href="https://spdx.org/licenses/{{spdx}}.html">{{spdx}}</a>{{#url}}; <a rel="external noreferrer noopener nofollow ugc license" referrerpolicy="same-origin" href="{{url}}">{{url}}</a>{{/url}}{{/name}}</p>{{/script.licenses}}
              {{^hasAntiFeature}}
                <p><i class="fa fa-fw fa-exclamation-triangle"></i> <b>Antifeature:</b> <a href="/about/Frequently-Asked-Questions#q-what-is-antifeature-"><i>unspecified</i></a>
              {{/hasAntiFeature}}
              {{#hasAntiFeature}}
                <p><i class="fa fa-fw fa-exclamation-triangle"></i> <b>Antifeature:</b> <span>{{#script.antifeatures}}<a href="/about/Frequently-Asked-Questions#{{name}}-antifeature" title="{{comment}}"> {{name}}</a>{{/script.antifeatures}}</span></p>
              {{/hasAntiFeature}}
              {{#hasCollab}}
              <p><i class="fa fa-fw fa-user"></i> <b>Collaborator:</b> {{#script.collaborators}} <span class="label label-info"><a href="/users/{{{url}}}">{{text}}</a></span> {{/script.collaborators}}</p>
              {{/hasCollab}}
              {{#script.isFork}}
                <p><i class="octicon octicon-fw octicon-repo-forked"></i> <b>Fork History:</b></p>
                <ul>
                {{#script.fork}}
                  <li>
                    <a href="/{{#script.isLib}}libs{{/script.isLib}}{{^script.isLib}}{{^embeddedLib}}scripts{{/embeddedLib}}{{#embeddedLib}}libs{{/embeddedLib}}{{/script.isLib}}/{{{url}}">{{utf}}</a>
                  </li>
                {{/script.fork}}
                </ul>
              {{/script.isFork}}
              {{#script.usesLibs}}
                <h4>Libraries Used</h4>
                <ul>
                {{#script.libs}}
                  <li>
                    <span class="page-heading-icon hidden-xs" {{#icon16Url}}data-icon-src="{{{icon16Url}}}"{{/icon16Url}}>
                     <i class="fa fa-fw fa-file-excel-o"></i>
                    </span>
                    <a href="{{{scriptPageUrl}}}" class="tr-link-a"><b>{{name}}</b></a>{{#meta.version}} <div class="script-version label label-default">{{meta.version}}</div>{{/meta.version}} <span class="inline-block">by <a href="{{{author.userPageUrl}}}">{{author.name}}</span></a>
                  </li>
                {{/script.libs}}
                </ul>
              {{/script.usesLibs}}
            </div>
          </div>
        </div>
        {{#script.aboutRendered}}
        <div class="panel panel-default">
          <div class="panel-body">
            <div class="user-content" id="user-content">{{{script.aboutRendered}}}</div>
          </div>
        </div>
        {{/script.aboutRendered}}
        {{#script.isUsed}}
        <div class="panel panel-default">
          <div class="panel-body">
            <h4>Userscripts Using This Library</h4>
            <ul>
            {{#script.usedBy}}
              <li>
                <span class="page-heading-icon hidden-xs">
                  {{#icon16Url}}
                    <img src="{{{icon16Url}}}" alt="">
                  {{/icon16Url}}
                  {{^icon16Url}}
                    <i class="fa fa-fw fa-file-code-o"></i>
                  {{/icon16Url}}
                </span>
                <a href="{{{scriptPageUrl}}}" class="tr-link-a"><b>{{name}}</b></a>{{#meta.version}} <div class="script-version label label-default">{{meta.version}}</div>{{/meta.version}} <span class="inline-block">by <a href="{{{author.userPageUrl}}}">{{author.name}}</span></a>
              </li>
            {{/script.usedBy}}
            </ul>
          </div>
        </div>
        {{/script.isUsed}}
      </div>
      <div class="container-fluid col-sm-4">
        {{> includes/scriptSidePanel.html }}
      </div>
    </div>
  </div>
  {{> includes/scriptModals.html }}
  {{> includes/footer.html }}
  {{> includes/scripts/lazyIconScript.html }}
  {{> includes/scripts/clipboard.html }}
</body>
</html>
